/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import '~element-ui/packages/theme-chalk/src/index.scss';

//========弹窗==========
/* 覆盖 element-ui 样式 */
.el-dialog {
  border-radius: 10px;
  overflow: hidden;

  &__header {
    height: 58px;
    background: #ECF6FF;
    border-radius: 10px 10px 0px 0px;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-family: PingFang;
    font-weight: 800;
  }

  &__title {
    color: $gray;
    margin-left: 20px;
  }

  &__headerbtn {
    .el-dialog__close {
      color: $gray;
    }
  }

  &__body {
    padding: 20px;
  }
}

//=========分页相关==========
.el-pager {
  li.number {
    color: $blue;
  }

  li.active {
    background: $blue;
    border-radius: 50%;
    color: $white;
  }
}

//=========表格相关==========
.el-table {

  //移除最外层下划线
  &::before {
    height: 0 !important;
  }

  &__header {
    height: 40px !important;

    tr {
      color: $gray;
    }

    .el-table__cell {
      padding: 0;
    }

    th {
      background-color: #ECF6FF !important;
      padding: 0;
    }
  }

  &__body {
    //添加行间距
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
  }

  &__row {
    height: 70px;

    //添加表主体外层边框
    td {
      border-top: 1px solid #D9D9D9;
      border-bottom: 1px solid #D9D9D9;
      color: $gray-light;

      &:first-child {
        border-left: 1px solid #D9D9D9;
      }

      &:last-child {
        border-right: 1px solid #D9D9D9;
      }
    }
  }
}

//去除表头下边框
.el-table th.is-leaf {
  border: none !important;
}


//表格按钮相关========
.el-button--text {
  color: $blue;
}

.el-form-item__error {
  color: $red;
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
  border-color: $red;
}

.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before {
  color: #4C95FE;
}

.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
  border-color: #4C95FE;
}
